// 一套登录的逻辑
const form = document.querySelector('form')
const nameInp = document.querySelector('.username')
const pwdInp = document.querySelector('.password')
const errBox = document.querySelector('.error')

// 添加点击事件
form.addEventListener('submit', e => {
  e.preventDefault()

  // 采集信息
  const name = nameInp.value
  const pwd = pwdInp.value

  // 验证
  if (!name || !pwd) return alert('请完整填写表单 ! O(∩_∩)O哈哈~')

  // 发送请求
  const xhr = new XMLHttpRequest()

  xhr.open('POST', 'http://localhost:8888/users/login')

  xhr.onload = function () {
    const res = JSON.parse(xhr.responseText)
    // code 等于0时，错误字体显示
    if (res.code === 0) {
      errBox.style.display = 'block'
      return
    }
    if(res.code === 1){
        window.location.href='../views/shouye.html'
    }

    // 用户 id 信息, 表示当前登录用户的身份
    // token 信息, 表示登录成功以后得到的凭证, 证明你登录的信息
    // 但是这两个信息, 只能在当前 login.html 页面拿到, 别的页面没有
    // 为了让别的页面也可以使用这两个信息, 所以在这里存储区到 lcoalStorage 内
    window.localStorage.setItem('id', res.user.id)
    window.localStorage.setItem('token', res.token)

    window.location.href = '../views/shouye.html'
  }

  xhr.setRequestHeader('content-type', 'application/x-www-form-urlencoded')

  xhr.send(`username=${ name }&password=${ pwd }`)
})